<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>lenovo</title>
  <meta name="description" content="">
  <meta name="keywords" content="table">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="assets/css/admin.css">
</head>
<body>

<div class="am-topbar admin-header">
  <div class="am-topbar-brand">
  	<img src="images/logo.png" height="40px" style="margin-top:-5px;">
  </div>

</div>

<div class="am-cf admin-main">
  <!-- sidebar start -->
  <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
      <ul class="am-list admin-sidebar-list">
        <li class="admin-parent">
          <a href="admin-index.html" class="am-cf c1"><span class="am-icon-question-circle"></span> 问题管理 <span class="am-icon-angle-down am-fr am-margin-right"></span></a>
          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
            <li><a href="admin-index.html" class="am-cf"><span class="am-icon-angle-right"></span> 问题列表</span></a></li>
            <li><a href="admin-add.html"><span class="am-icon-angle-right"></span> 新增问题</a></li>
            <li><a href="admin-class.html" class="selectedLi"><span class="am-icon-angle-right "></span> 分类管理<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
          </ul>
        </li>
        <li class="c1"><a href="admin-search.html"><span class="am-icon-search"></span> 搜索统计</a></li>
        <li class="admin-parent">
          <a class="am-cf c1"><span class="am-icon-twitch"></span> 留言板<span class="am-icon-angle-down am-fr am-margin-right" style="margin-botom: -10px;"></span> <span class="am-badge am-badge-danger am-margin-right am-fr">24</span></a>
          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
            <li><a href="admin-book.html" class="am-cf"><span class="am-icon-angle-right"></span> 未回复</a></li>
            <li><a href="admin-book-1.html"><span class="am-icon-angle-right"></span> 已回复</a></li>
          </ul>
        </li>
      </ul>

  </div>
  <!-- sidebar end -->

  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">

      

     

      <div class="am-g table-list" >
        <div class="am-u-sm-12 am-u-md-10">
        	      <div class="am-cf am-padding am-padding-bottom-0">
        					<div class="am-fl am-cf"><strong class=" am-text-lg">分类列表</strong></div>
        					
      			</div>

        </div>
        <div class="am-u-sm-12 am-u-md-2">
        	      <div class="am-cf am-padding am-padding-bottom-0">
        					<div class="am-fl am-cf" style="text-align: right !important;"><font class=" am-text-lg"><a href="javascript:void(0)" class="likeClassBtn-1 am-btn am-btn-danger">添加分类</a></font></div>
        					
      			</div>

        </div>
      </div>
      <div class="am-g">
        <div class="am-u-sm-12">
          <form class="am-form">
            <table class="am-table am-table-striped am-table-hover table-main">
              <thead>
              <tr>
                <th class="table-type">分类名称</th>                
                <th class="table-author">分类层级</th>
                <th class="table-author am-hide-sm-only">分类排序</th>
                <th class="table-set">操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>账户</td>
                <td>1</td>
                <td>1</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                    	<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#my-popup'}"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">添加子分类</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">编辑</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="padding-left:40px">注册</td>
                <td>1</td>
                <td>1</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">编辑</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="padding-left:40px">注册</td>
                <td>1</td>
                <td>1</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">编辑</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td>密码</td>
                <td>1</td>
                <td>1</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                    	<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#my-popup'}"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">添加子分类</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">编辑</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="padding-left:40px">密码找回</td>
                <td>1</td>
                <td>1</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">编辑</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="padding-left:40px">密码修改</td>
                <td>1</td>
                <td>1</td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="javascript:void(0)" class="likeClassBtn">编辑</a></button>
                      <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                  </div>
                </td>
              </tr>
              </tbody>
            </table>
            <div class="am-cf">
共 15 条记录
					<div class="am-g">
						<div class="am-u-sm-12">
							<ul class="am-pagination tpl-pagination">
								<li class="am-disabled ">
									<a href="# " class="">&laquo;</a>
								</li>
								<li class="am-active ">
									<a href="# ">1</a>
								</li>
								<li>
									<a href="# ">2</a>
								</li>
								<li>
									<a href="# ">3</a>
								</li>
								<li>
									<a href="# ">4</a>
								</li>
								<li>
									<a href="# ">5</a>
								</li>
								<li>
									<a href="# ">&raquo;</a>
								</li>
							</ul>
						</div>
					</div>
            </div>
            <hr />
          </form>
        </div>

      </div>
    </div>

    <div class="admin-content-footer">

      <p class="am-padding-left">© 联想集团2017.</p>
    </div>

  </div>
  <!-- content end -->
</div>


<div class="alertDiv likeClass">

    <div class="admin-form">

            <div>
                <label>父级分类：</label>
                <select class="border input-4">
                    <option value="0">手机</option>
                </select>
                <font class="c2">*</font>
            </div>
            <div>
                <label>分类名称：</label>
                <input type="text" placeholder="分类名称" class="input input-3 border "> <font class="c2">*</font>
            </div>
            <div>
                <label>分类层级：</label>
                <input type="text" placeholder="分类层级" class="input input-3 border"   > <font class="c2">*</font>
            </div>
            <div>
                <label>分类排序：</label>
                <input type="text" placeholder="分类排序" class="input input-3 border "> <font class="c2">*</font>
            </div>
            <div>
                <label></label>
                <button type="button" class="am-btn am-btn-danger">确定</button>



    </div>
    <br clear="both">
</div>
</div>
<div class="alertDiv likeClass-1">

    <div class="admin-form">
      
            <div>
                <label>分类名称：</label>
                <input type="text" placeholder="分类名称" class="input input-3 border "> <font class="c2">*</font>
            </div>
            <div>
                <label>分类层级：</label>
                <input type="text" placeholder="分类层级" class="input input-3 border"   > <font class="c2">*</font>
            </div>
            <div>
                <label>分类排序：</label>
                <input type="text" placeholder="分类排序" class="input input-3 border "> <font class="c2">*</font>
            </div>

            <div>
                <label></label>
                <button type="button" class="am-btn am-btn-danger">确定</button>
            </div>


    </div>
    <br clear="both">
</div>








</body>
</html>
﻿<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.js"></script>
<!--<![endif]-->

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>

<script type="text/javascript" src="assets/layer/layer.min.js"></script>
<script>
	// JavaScript Document
		$(document).ready(function(e) {

			$('.likeClassBtn').on('click', function(){
				$.layer({
					type: 1,
					title:'添加子分类',
					shadeClose: false,
					offset: ['' , ''],
					border: [0],
					area: ['600px', 'auto'],
					fadeIn: 1000,
					fadeOut: 1000,
					fix: true,
					page: {dom:'.likeClass'}
				});
			});
			$('.likeClassBtn-1').on('click', function(){
				$.layer({
					type: 1,
					title:'编辑',
					shadeClose: false,
					offset: ['' , ''],
					border: [0],
					area: ['600px', 'auto'],
					fadeIn: 1000,
					fadeOut: 1000,
					fix: true,
					page: {dom:'.likeClass-1'}
				});
			});


						$('.input,.item>div,.index-icon>ul>li').mouseover(function(e){
					$(this).addClass('border-1').siblings().removeClass('border-1');						
					}),
			$('.input,.item>div,.index-icon>ul>li').mouseout(function(e){
					$(this).removeClass('border-1');						
					});

	});
	
</script>

